<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="created" content="2018-10-23T06:18:10.521000000">
    <meta name="changed" content="2019-12-6T07:12:22.242000000">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="fr">
    <title>
      La surface de travail (Canevas)
    </title>
    <link rel="stylesheet" type="text/css" href="../../style.css">
  </head>
  <body>
    <div class="maindiv">
      <h1>
        La surface de travail (Canevas)
      </h1>
      <p>
        La <b class=reffig>surface de travail</b> est vraiment la partie la plus visible de Logisim-evolution c'est la que vous dessinerez vos circuits et leur symbole pour enfin en simuler le fonctionnement.
      </p>
      <p align="center">
        <img src="../../../img-guide/tutorial-shot-labeled.png" alt="#########">
      </p>
      <p>
        Elle n'est composée que de quelques éléments:<br>
      </p>
      <p>
        <b>Les barres de défilement horizontal et vertical</b> : Elles fonctionnent comme dans la plupart des programmes il suffit de glisser les curseurs pour déplacer la vue sur d'autres parties du dessin. Elles peuvent aussi se manipuler depuis le clavier ou la souris avec les combinaisons suivantes :
      </p>
      <ul>
        <li>
          <b class="tkeybd">Molette</b> souris ou touches <b class="tkeybd">Flèche bas/haut</b> : Défilement vertical
        </li>
        <li>
          <b class="tkeybd">Alt-Molette souris</b> ou touches <b class="tkeybd">Flèche droite/gauche</b>: Défilement horizontal
        </li>
        <li>Touche <b class="tkeybd">PgUp</b> : Aller en haut de page
        </li>
        <li>Touche <b class="tkeybd">PgDn</b> : Aller au bas de page
        </li>
      </ul>
	  <p>
	    <b>Les indicateurs d'excursion</b> quand le schéma est plus grand que la surface d'affichage des indicateurs s'affichent. Les guides affichés dans les angles et/ou sur les côtés indiquent les directions ou le dessin s'étend. Ci-dessous un exemple des indicateurs du haut de page.
		<p align="center">
		<img class="notscal" src="../../../../img-guide/camvasguide.png" alt="#########">
		</p>
        <p><b>Le bouton de centrage</b>  <img class="notscal" src="../../../../img-guide/canvasrecenter.png" alt="#########"> Il permet de placer le centre du schéma au centre de la surface de travail.<br>
		
	  </p>
      <p>
        <b>Le zoom :</b> En bas sur la gauche se trouve le contrôle du facteur de zoom. vous pouvez le modifier en glissant le curseur ou a l'aide d'un des deux boutons à gauche et droite du taux ou encore  avec <b class="tkeybd">Ctrl</b> - <b class="tkeybd">molette souris</b> dans la surface de travail.
      </p>
      <p align="center">
        <img class="notscal" src="../../../../img-guide/zoom.png" alt="#########">
      </p>
      <p>
	    Le bouton <b class="button"> 100% </b>: Adapte le zoom pour afficher le schéma a sa taille réelle.<br>
		Le bouton <b class="button"> Auto </b>: Adapte le zoom pour que l'ensemble du schéma soit visible.<br>
        Le bouton <b>grille :</b><img class=intxt src="../../../../img-guide/buttongrid.png" alt="#########"> À droite du zoom, bascule alternativement du mode <b>"grille affichée"</b> au mode <b>"grille invisible"</b>.
      </p>
      <p>
        <b>Suite:</b> <a href="gui-menu.html">Les menus</a>.
      </p>
    </div>
  </body>
</html>
